<!DOCTYPE html>
<html lang="en" >
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no">

    <script src="http://localhost:8088/jquery.min.js"></script>


    <title>用户登录界面</title>
	<style>
		body{ text-align:center} 
		.div{ margin:0 auto; width:400px; height:100px; border:10px solid #00FF00} 
			/* css注释：为了观察效果设置宽度 边框 高度等样式 */ 
	</style> 
</head>

<body>
<!--  用户登录form表单 -->
<div class="div">

    邮箱： <input id="mail" type="text"  required="" autofocus="">
    <br>
    密码： <input id="password" type="password"  required="">
    <br>
    <button id="login" type="submit">登录</button>
    <br>
	<a href="http://localhost:8088/register.html">注册新账号</a>

</div>


<script type="text/javascript">

    $("#login").on("click",function(){

        //事件
        var mail = $("#mail").val();
        var password = $("#password").val();

        debugger;
        $.ajax({
                type:"GET",
                url:"http://localhost:8088/user/login/"+mail+"/"+password,
                // data:JSON.stringify(data),
                contentType:'text',
                dataType:"text",
                success:function (data) {
                    alert("登录成功");
                    // 设置localStorage

                    window.localStorage.setItem('email',data);
                    // 将localStorage传递到哪个页面
                    location.href = 'http://localhost:8088/welcome.html';

                },

                error: function (xhr, textStatus, errorThrown) {
                    // alert("状态码："+xhr.status);
                    // alert("状态:"+xhr.readyState);//当前状态,0-未初始化，1-正在载入，2-已经载入，3-数据进行交互，4-完成。
                    // alert("错误信息:"+xhr.statusText );
                    alert("登录失败，返回响应信息："+xhr.responseText );//这里是详细的信息
                    // alert("请求状态："+textStatus);
                    // alert(errorThrown);
                    // alert("请求失败");


                    //将localStorage传递到哪个页面
                    // location.href = 'http://localhost:8088/welcome.html';
                    //设置localStorage
                    // window.localStorage.setItem('email','811@qq.com');



                }
            });
            //事件结束


    });

</script>
</body>
</html>